@import "font-awesome/css/font-awesome.css";
@import "animate.css/animate.css";
@import "bootstrap/dist/css/bootstrap.css";
@import "_layui@2.6.8@layui/dist/css/layui.css";

[class^=col-] {
  /*border: 2px solid #0c5460;*/
}

.my-prev,
.my-next {
  border: 0;
  background-color: transparent;
}

#carouselExampleCaptions .carousel-item img {
  height: 300px;
  object-fit: cover;
}

.round-girl img {
  height: 300px;
  width: 100%;
  object-fit: cover;
}

@media screen and (max-width: 768px) {
  .round-girl img {
    width: 100%;
  }
}

.my-list .card {
  margin-bottom: 30px;
}

.my-list .card img {
  height: 200px;
  object-fit: cover;
}


.my-text{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}

.my-card{
  height: 400px;
}

.myList img{
  /*height: 100%;*/
  width: 100%;
  object-fit: cover;
}

.myList {
  position: relative !important;
}

.myList .decs{
  position: absolute;
  bottom: 50px;
  left: 50px;
  font-size: 25px;
  color: #00FFFF;
}
.meizi{
  width: 300px;
  height: 300px;
  position: relative;
}
.meizi img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.my-meizi {
  position: absolute;
  right: 30px;
  bottom: 30px;
  cursor: pointer;
}

.center{
  justify-content: center;
}